<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/res/commons/taglib.jsp" %>
<!DOCTYPE html>
<html>
  
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="${path}/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="${path}/res/css/font.css">
    <link rel="stylesheet" href="${path}/res/css/xadmin.css">
    <script src="${path}/res/js/jquery.min.js"></script>
    <script type="text/javascript" src="${path}/res/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="${path}/res/js/xadmin.js"></script>
    <script type="text/javascript" src="${path}/res/js/package.js"></script>
    <script type="text/javascript">
		var $path='<%=request.getContextPath()%>';
	</script>
</head>
<body>
	<div class="x-body" id="pacckdiv">
		<form class="layui-form" id="pacform">
			<div id="pdiv">
				<div class="layui-form-item">
					<label for="username" class="layui-form-label"><span class="x-red">*</span>商品标题</label>
	             	<div class="layui-input-inline" style="width: 60%">
	             		<select name="proId" >
	             			<c:forEach items="${productListByStatus}" var="product">
		            		<option value="${product.proId}">${product.proTitle}</option>
	            		</c:forEach>
		      		</select>
	             	</div>
	             	<button class="layui-btn" onclick="addPackageHtml()" type="button"><i class="layui-icon"></i></button>
	         	</div>
				<div id="packagediv1">          	
					<div class="layui-form-item">
						<label for="username" class="layui-form-label"><span class="x-red">*</span>套餐1</label>
		              	<div class="layui-input-inline" style="width: 300px;">
		              		<button class="layui-btn layui-btn-danger layui-btn-sm" onclick="delepePackageHtml(0)" type="button"><i class="layui-icon"></i></button>
		              	</div>
		          	</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label"><span class="x-red">*</span>套餐标题</label>
		              	<div class="layui-input-inline" style="width: 300px;">
		              		<input type="text"  name="pkgTitle" lay-verify="title" autocomplete="off" placeholder="基础版 10w+18650锂电+USB直充=99元" class="layui-input">
		              	</div>
						<label for="username" class="layui-form-label"><span class="x-red">*</span>标题描述</label>
		              	<div class="layui-input-inline" style="width: 500px;">
		              		<input type="text"  name="pkgTitleDesc" lay-verify="title" autocomplete="off" placeholder="锋芒毕露，强光远射，小巧便捷，多功能变焦手电筒" class="layui-input">
		              	</div>
		          	</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label"><span class="x-red">*</span>套餐价格</label>
		              	<div class="layui-input-inline" style="width: 300px;">
		              		<input type="text"  name="pkgPrice" placeholder="99" autocomplete="off" class="layui-input">
		              	</div>
						<label for="username" class="layui-form-label"><span class="x-red">*</span>商品数量</label>
		              	<div class="layui-input-inline" style="width: 500px;">
		              		<select  name="pkgProNum" >
				            	<option selected="selected" value="1">1</option>
				            	<option value="2">2</option>
				            	<option value="3">3</option>
				            	<option value="4">4</option>
				            	<option value="5">5</option>
				      		</select>
		              	</div>
		          	</div>
					<div class="layui-form-item">
						<label for="username" class="layui-form-label"><span class="x-red">*</span>是否有赠品</label>
		              	<div class="layui-input-inline" style="width: 300px;">
		              		<select  name="pkgProIsGift">
				            	<option selected="selected" value="1">否</option>
				            	<option value="2">有</option>
				      		</select>
		              	</div>
						<label for="username" class="layui-form-label"><span class="x-red">*</span>赠送商品</label>
		              	<div class="layui-input-inline" style="width: 500px;">
		              		<select  name="pkgGitPid">
				            	<c:forEach items="${productListByStatus}" var="product" >
				            		<option value="${product.proId}" >${product.proTitle}</option>
			            		</c:forEach>
				      		</select>
		              	</div>
		          	</div>
				</div>
			</div>
		</form>
    </div>
	<div class="layui-form-item">
	    <label for="L_repass" class="layui-form-label">
	    </label>
	    <button  class="layui-btn" onclick="proSubmit()">添加</button>
	</div>
  </body>

</html>